<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>主页面</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link th:href="@{/static/css/likeFooter.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>
<!--悬浮导航栏-->
<div id="fl_nav">
    <div class="c-head-logo-inner-02">
        <form id="float_seek" action="/selectDateAll">
            <input name="date" class="c-head-logo-inner-input" type="text" id="input_book">
            <a href="" id="seek"><img src="../../static/img/搜索.png"></a>
        </form>
    </div>
</div>
<!--左侧简介-->
<div class="intro_middle">
    <div class="T_navFlo">
        <img th:src="@{/static/img/head.jpg}">
    </div>
    <div class="decro_left">
        <ul>
            <!--            家用电器-->
            <li th:each="kindOne:${kindOne}">
                <a th:text="${kindOne.goodsKindone}"></a>
                <div class="house_app">
                    <!--                    标题-->
                    <div class="houseDecroTlile">
                        <h2 th:text="${kindOne.goodsKindone}">
                            <img src="./../static/img/arrow drop down (1).png" align="absmiddle">
                        </h2>
                    </div>
                    <!--                    内容-->
                    <div class="house_decro">
                        <a class="house_h" th:each="kindTwo:${kindOne.list}" th:href="@{'http://localhost:8080/catch?twoKindId='+${kindTwo.id}}">
                            <span th:text="${kindTwo.goodsKindTwo}"></span>
                        </a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
<!--    轮播111-->
    <div class="lunbo" id="focus">
            <div class="wrap" id="left">
                <ul class="Carousel">
                    <li th:each="storeDate:${topDate}" style="opacity:1; filter:alpha(opacity=100);">
                        <a th:href="@{'http://localhost:8080/catch2?kindStoreId='+${storeDate.getId()}}">
                            <img style="width: 100%;height: 100%" th:src="@{'./../static/img/'+${storeDate.photoName}}"></a>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul class="brink" >
                    <li th:each="storeDate:${topDate}" >
                            <img style="width: 100%;height: 100%" th:src="@{'./../static/img/'+${storeDate.photoName}}"></a>
                    </li>
                </ul>
            </div>
        </div>
</div>
<!--限时抢购-->
<div class="time_limit">
    <!--限时抢购广告-->
<div class="time_ad">
        <p>
            Vault seconds kill
        </p>
        <img th:src="@{/static/img/闪电.png}">
    </div>
    <!--    轮播-->
<div class="time_lunbo">
<div class="time_L">
            <!--            图片-->
            <ul>
                <li th:each="dataShow1:${milkGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow1.getId()}}"><img th:src="@{'./../static/img/'+${dataShow1.photoName}}"></a>
                </li>

            </ul>
            <!--            第二页-->
            <ul>
                <li th:each="dataShow2:${phoneGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow2.getId()}}"><img th:src="@{'./../static/img/'+${dataShow2.photoName}}"></a>
                </li>
            </ul>
            <!--            第三页-->
            <ul>
                <li th:each="dataShow3:${drinkGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow3.getId()}}"><img th:src="@{'./../static/img/'+${dataShow3.photoName}}"></a>
                </li>
            </ul>
            <!--            第三页-->
            <ul>
                <li th:each="dataShow4:${foodGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow4.getId()}}"><img th:src="@{'./../static/img/'+${dataShow4.photoName}}"></a>
                </li>
            </ul>
            <!--            第四页-->
            <ul>
                <li th:each="dataShow5:${bookGoods}">
                <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow5.getId()}}"><img th:src="@{'./../static/img/'+${dataShow5.photoName}}"></a>
                </li>
            </ul>
        </div>
</div>
    <!--11111-->
<div class="time_carouse">
        <div class="time_">
            <ul>
                <li>
                    <img th:src="@{/static/img/l21.jpg}">
                </li>
            </ul>
        </div>
    </div>
</div>
<!--生活百货-->
<div class="life_shop">
    <!--标题-->
    <div class="life_title">
        <h3 class="life_word">
            生活百货
        </h3>
    </div>
    <!--内容-->
    <div class="life-ContentAll">
        <div class="life-content">
            <h2>金库生活
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <div class="milk_All">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=78'}"><img th:src="@{/static/img/life_01.jpg}" style="width: 100%;height: 100%;"></a>
            </div>
            <div class="parper_All">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=78'}"><img th:src="@{/static/img/life_02.jpg}" style="width: 100%;height: 100%;"></a>
            </div>
            <div class="oil_All">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=78'}"><img th:src="@{/static/img/lide_03.jpg}" style="width: 100%;height: 100%;"></a>
            </div>
        </div>
        <div class="life-content">
            <h2>美酒生活
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <div class="wine_classO">
                <div th:each="dataShow3:${drinkGoods}" class="wine">
                    <a  th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${dataShow3.id}}">
                        <img  th:src="@{'./../static/img/'+${dataShow3.photoName}}">
                    </a>
                </div>
            </div>
        </div>
        <div class="life-border">
            <div class="life-img">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=81'}">
                    <img th:src="@{/static/img/snacks.jpg}">
                </a>
            </div>
        </div>
        <div class="life-border">
            <a th:href="@{'http://localhost:8080/catch?twoKindId=196'}"><img src="./../static/img/fruit.jpg" class="img_life"></a>
            <a th:href="@{'http://localhost:8080/catch?twoKindId=78'}"><img src="./../static/img/naifen.jpg" class="img_life"></a>
        </div>
        <div class="life-border">
            <h2>书海
                <img src="./../static/img/箭头_arrow591.png">
            </h2>

            <a th:each="bookDate:${bookGoods}" th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${bookDate.getId()}}">
                <img class="book_sea" th:src="@{'./../static/img/'+${bookDate.photoName}}">
            </a>
        </div>
        <div class="life-content">
            <h2>零食情缘
                <img src="./../static/img/箭头_arrow591.png">
            </h2>
            <a th:each="foodDate:${foodGoods}" th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${foodDate.getId()}}">
                <img  th:src="@{'./../static/img/'+${foodDate.photoName}}" class="book_sea">
            </a>

        </div>
    </div>
</div>
<!--特色推荐（轮播 ）-->
<div class="Special_re">
    <!--标题-->
    <div class="life_title">
        <h3 class="life_word">
            特色推荐
        </h3>
    </div>
    <!--中间手风琴-->
    <div class="lunbo_mo">
        <div class="fu">
            <ul>
                <li th:each="showTeSe:${clothDate}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${showTeSe.id}}">
                        <img th:src="@{'./../static/img/'+${showTeSe.photoName}}" width="100%" height="100%">
                    </a>
                    <p class="top" th:text="${showTeSe.name}"></p>
<!--                    <p class="bottom"></p>-->
                </li>
            </ul>
        </div>
    </div>
</div>
<!--智能先锋-->
<div class="life_shop">
    <!--标题-->
    <div class="life_title">
        <h3 class="life_word">
            智能先锋
        </h3>
    </div>
    <!--内容-->
    <div class="life-ContentAll">
        <div class="life-content">
            <h2>手机频道
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <div class="milk_All">
                <a th:href="@{'http://localhost:8080/catch2?kindStoreId=2'}"><img src="./../static/img/pingban01.jpg" style="width: 100%;height: 100%;"></a>
            </div>
            <div class="parper_All">
                <a th:href="@{'http://localhost:8080/catch2?kindStoreId=2'}"><img src="./../static/img/p30.jpg" style="width: 100%;height: 100%;"></a>
            </div>
            <div class="oil_All">
                <a th:href="@{'http://localhost:8080/catch2?kindStoreId=2'}"><img src="./../static/img/oppo.jpg" style="width: 100%;height: 100%;"></a>

            </div>
        </div>
        <div class="life-content">
            <h2>新品上市
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <div class="wine_classO">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=25'}"><img th:src="@{/static/img/sanxing.jpg}" id="san"></a>
            </div>
        </div>
        <div class="life-border">
            <div class="life-img">
                <a th:href="@{'http://localhost:8080/catch?twoKindId=25'}"><img th:src="@{/static/img/new.jpg}" style="width: 100%;height: 100%;"></a>
            </div>
        </div>
        <div class="life-border">
            <a th:href="@{'http://localhost:8080/catch?twoKindId=48'}"><img th:src="@{/static/img/shuma.jpg}" class="img_life"></a>
            <a th:href="@{'http://localhost:8080/catch?twoKindId=48'}"><img th:src="@{/static/img/touying.jpg}" class="img_life"></a>
        </div>
        <div class="life-border">
            <h2>3C
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <a  th:each="phoneDate:${phoneGoods}" th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${phoneDate.getId()}}">
                <img  th:src="@{'./../static/img/'+${phoneDate.photoName}}" class="book_sea">
            </a>
        </div>
        <div class="life-content">
            <h2>办公
                <img th:src="@{/static/img/箭头_arrow591.png}">
            </h2>
            <a th:href="@{'http://localhost:8080/catch?twoKindId=48'}"><img th:src="@{/static/img/computer.jpg}" style="width: 94%;"></a>
            <a th:href="@{'http://localhost:8080/catch?twoKindId=48'}"> <img th:src="@{/static/img/mainengine.jpg}" style="width: 94%;"></a>
        </div>
    </div>

<!--内容添加-->
<div class="add">
    <!--标题-->
    <div class="life_title">
        <h3 class="life_word">
            热卖单品
        </h3>
    </div>
    <div class="best_seller">
        <ul>
            <li th:each="hot:${hotGoods}">
                <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${hot.getId()}}">
                    <div class="vanish">
                        <p th:text="${hot.name}"> 华为 HUAWEI nova 5i Pro
                            前置3200万人像超级夜景4800万AI四摄极点全面屏6GB+128GB翡冷翠全网通双4G手机
                        </p>
                    </div>
                </a>
                <img src="../../static/img/p01.jpg" th:src="@{'./../static/img/'+${hot.photoName}}">
            </li>
        </ul>
    </div>
</div>
</div>
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>

</body>
<script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/static/js/index.js}"></script>
<script th:src="@{/static/js/likeFooter.js}" type="text/javascript"></script>
</html>